<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>网上订餐系统--首页</title>
        
        <link type="text/css" href="css/public.css" rel="stylesheet"/>
        <link type="text/css" href="css/index.css" rel="stylesheet"/>
        <link type="text/css" rel="stylesheet" href="css/bootstrap.min.css">
        <link type="text/css" rel="stylesheet" href="css/owl.carousel.min.css">
        <link type="text/css" rel="stylesheet" href="css/animate.min.css">
        <link type="text/css" rel="stylesheet" href="css/nice-select.css">
        <link type="text/css" rel="stylesheet" href="css/themify-icons.css">
        <link type="text/css" rel="stylesheet" href="css/magnific-popup.css">
        <link type="text/css" rel="stylesheet" href="css/meanmenu.css">
		<link type="text/css" rel="stylesheet" href="css/fontawesome-all.min.css">
		<link type="text/css" rel="stylesheet" href="css/slick.css">
		<link type="text/css" rel="stylesheet" href="css/default.css">
		<link type="text/css" rel="stylesheet" href="css/style.css">
		<link type="text/css" rel="stylesheet" href="css/responsive.css">
    </head>
    <body>
    	<jsp:useBean id="user" scope="session" class="vo.Person"></jsp:useBean>
    	<jsp:useBean id="menuBean" scope="page" class="vo.Menu"></jsp:useBean>
    	<jsp:useBean id="introduceBean" scope="page" class="vo.Introduce"></jsp:useBean>
    	
    			<!-- header-start -->
		<header>
			<div id="sticky-header" class="header-top-area header-2 pr-60 pl-60">
				<div class="container-fluid">
					<div class="row">
						<div class="col-xl-3 col-lg-2">
							<div class="logo">
			                    <c:choose>
				                	<c:when test="${user.user_name!=null}">
				                		<a href="UserExitServlet"><span>【退出】</span></a>
				                		<span>欢迎您：<c:out value="${user.user_name}"></c:out></span>
				                	</c:when>
				                	<c:otherwise>
				                		<a href="register.jsp"><span>【注册】</span></a>
				                    	<a href="register.jsp"><span>【登录】</span></a>
				                	</c:otherwise>
			                	</c:choose>
							</div>
						</div>
						<div class="col-xl-6 col-lg-8">
							<div class="main-menu text-center">
								<nav id="mobile-menu">
									<ul>
										<li class="active"><a href="index.jsp">首页</a></li>
										<li><a href="about.jsp">关于我们</a></li>
										<li><a href="shopping.jsp">我的购物车</a></li>
										<li><a href="order_search.jsp">订单查询</a></li>
										<li><a href="MemberServlet">会员管理中心</a></li>
									</ul>
								</nav>
							</div>
							<div class="mobile-menu"></div>
						</div>
						<div class="col-xl-3 col-lg-2">
							<div class="header-right f-right d-none d-md-none d-lg-block">
                               <ul>
                                   <li><a href="#" data-toggle="modal" data-target="#search-modal"><span class="ti-search"></span></a>
                                    </li>
                                   <li><a href="shopping.jsp"><span class="ti-shopping-cart"></span></a></li>
                                   <li class="info-bar"><a href="#"><span class="ti-align-right"></span></a></li>
                               </ul>
                           </div>
						</div>

					</div>
				</div>
			</div>
		</header>
		<!-- header-end -->
		<!-- slider start -->
		<div class="slider-area">
			<div class="slider-active">
				<div class="single-slider pt-300 pb-285 d-flex align-items-center" style="background-image:url(img/slider/slider1.jpg)">
				   <div class="container">
					   <div class="row ">
						   <div class="col-xl-12">
								<div class="slider-content text-center">
									<h1 data-animation="fadeInUp" data-delay=".4s">我们家外卖送啥都快</h1>
									<div class="slider-button">
										<div class="slider-video" data-animation="fadeInRight" data-delay="1s">
											<a class="popup-video" href="img/petal_20211224_172408.mp4"><i class="fas fa-play"></i></a>
											<span>今日视频</span>
										</div>
									</div>
								</div>
						   </div>
					   </div>
				   </div>
				</div>
				<div class="single-slider pt-300 pb-285 d-flex align-items-center" style="background-image:url(img/slider/slider2.jpg)">
				   <div class="container">
					   <div class="row ">
						   <div class="col-xl-12">
								<div class="slider-content text-center">
									<h1 data-animation="fadeInUp" data-delay=".4s">送的不止外卖</h1>
								</div>
						   </div>
					   </div>
				   </div>
				</div>
				<div class="single-slider pt-300 pb-285 d-flex align-items-center" style="background-image:url(img/slider/slider3.jpg)">
				   <div class="container">
					   <div class="row ">
						   <div class="col-xl-12">
								<div class="slider-content text-center">
									<h1 data-animation="fadeInUp" data-delay=".4s">送您温暖</h1>
								</div>
						   </div>
					   </div>
				   </div>
				</div>
			</div>
		</div>
		<!-- slider end -->
		<!-- service-area-start -->
		<div class="service-area pt-80 pb-40 gray-bg">
			<div class="container">
				<div class="row">
					<div class="col-xl-4 col-lg-4 col-md-6">
						<div class="service-wrapper text-center mb-30">
							<div class="service-img">
								<img src="img/service/service1.png" alt="" />
							</div>
							<div class="service-text">
								<h3>We cook with passion</h3>
							</div>
						</div>
					</div>
					<div class="col-xl-4 col-lg-4 col-md-6">
						<div class="service-wrapper text-center mb-30">
							<div class="service-img">
								<img src="img/service/service2.png" alt="" />
							</div>
							<div class="service-text">
								<h3>Book a table online</h3>
							</div>
						</div>
					</div>
					<div class="col-xl-4 col-lg-4 col-md-6">
						<div class="service-wrapper text-center mb-30">
							<div class="service-img">
								<img src="img/service/service3.png" alt="" />
							</div>
							<div class="service-text">
								<h3>Free and fast delivery</h3>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- service-area-end -->
		
		<!-- special-menu-area-start -->
		<div class="special-menu-area pb-100">
			<div class="container">
				<div class="row">
					<div class="col-xl-12">
						<div class="section-title text-center mb-55">
							<h1>每日推荐</h1>
							<span>请注意查收</span>
						</div>
					</div>
				</div>
				<div class="row">
					<div class="col-xl-12">
						<div class="tab-content" id="myTabContent2">
							<div class="tab-pane fade show active" id="home1" role="tabpanel" aria-labelledby="home1-tab">
								<div class="row">
									<jsp:getProperty property="showMenuList2" name="menuBean"/>
									<div class="col-xl-12">
										<div class="special-menu-button text-center pt-40">
											<a href="#">LOAD MORE</a>
										</div>
									</div>
								</div>
							</div>
						</div>		
					</div>
				</div>
			</div>
		</div>
		<!-- special-menu-area-end -->		
	    <!-- brand-area-start -->
		<div class="brand-area yellow-bg pt-75 pb-75">
			<div class="container">
				<div class="row justify-content-between">
					<div class="brand-active owl-carousel">
						<div class="col-xl-12">
							<div class="brand-wrapper">
								<div class="brand-img">
									<img src="img/brand/1.png" alt="" />
								</div>
							</div>
						</div>
						<div class="col-xl-12">
							<div class="brand-wrapper">
								<div class="brand-img">
									<img src="img/brand/2.png" alt="" />
								</div>
							</div>
						</div>
						<div class="col-xl-12">
							<div class="brand-wrapper">
								<div class="brand-img">
									<img src="img/brand/3.png" alt="" />
								</div>
							</div>
						</div>
						<div class="col-xl-12">
							<div class="brand-wrapper">
								<div class="brand-img">
									<img src="img/brand/4.png" alt="" />
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- brand-area-end -->
		
		
        <!-- JS here -->
        <script src="js/vendor/modernizr-3.5.0.min.js"></script>
        <script src="js/vendor/jquery-1.12.4.min.js"></script>
        <script src="js/waypoints.min.js"></script>
        <script src="js/jquery.counterup.min.js"></script>
        <script src="js/bootstrap.min.js"></script>
        <script src="js/owl.carousel.min.js"></script>
        <script src="js/isotope.pkgd.min.js"></script>
        <script src="js/jquery.nice-select.min.js"></script>
        <script src="js/jquery.meanmenu.min.js"></script>
        <script src="js/slick.min.js"></script>
        <script src="js/ajax-form.js"></script>
        <script src="js/wow.min.js"></script>
        <script src="js/jquery.scrollUp.min.js"></script>
        <script src="js/imagesloaded.pkgd.min.js"></script>
        <script src="js/jquery.magnific-popup.min.js"></script>
        <script src="js/plugins.js"></script>
        <script src="js/main.js"></script>
    </body>
</html>